<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:dataTable paginator="true" rows="10" style="width: 700px" id="listaEstudiantes" var="estudiante" value="#{listaSeguimientoTelefonicoPracticaBean.convenioXPeriodoXEstudiantes}" widgetVar="dataSeguimientosTelefonicos" >  
                <f:facet name="header">  
                    Edición Seguimientos telefónicos
                </f:facet>
                <p:column headerText="Código" style="width:8%">  
                    <h:outputText value="#{estudiante.estudiante.codigoEstudiante}" />  
                </p:column>  
                <p:column headerText="Nombres" style="width:80%">  
                    <h:outputText value="#{estudiante.estudiante.nombresEstudiante} #{estudiante.estudiante.apellido1Estudiante} #{estudiante.estudiante.apellido2Estudiante}" />  
                </p:column>  
                <p:column headerText="Acción" style="width:8%">  
                    <p:commandButton id="selectButton" oncomplete="dlgSeguimientoTelefonico.show();" update=":form:display" action="#{listaSeguimientoTelefonicoPracticaBean.listarSeguimientosTelefonicos(actionEvent)}" icon="ui-icon-search" title="Ver seguimiento telefónico">                          
                        <f:setPropertyActionListener value="#{estudiante}" target="#{listaSeguimientoTelefonicoPracticaBean.estudianteSelected}"></f:setPropertyActionListener>
                    </p:commandButton>
                </p:column>  
            </p:dataTable> 
            <p:dialog header="Seguimiento Telefónico" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgSeguimientoTelefonico">  
                <p:outputPanel id="display">  
                    <p:dataTable style="width: 700px" id="listaSeguimientos" var="seguimiento" value="#{listaSeguimientoTelefonicoPracticaBean.seguimientoTelefonicoPracticas}">  

                        <p:column headerText="Consecutivo llamadas" style="width:4%">  
                            <h:outputText value="#{seguimiento.idSeguimientosTelefonico}" />  
                        </p:column> 
                        
                        <p:column headerText="Código" style="width:12%">  
                            <h:outputText value="#{seguimiento.convenioXPeriodoXEstudiante.estudiante.idEstudiante}" />  
                        </p:column>  

                        <p:column headerText="Temas tratados" style="width:80%">  
                            <h:outputText value="#{seguimiento.temasTratados}" />  
                        </p:column> 
                        <p:column headerText="Acción" style="width:4%">  
                            <p:commandButton id="selectButton" ajax="false" action="listarEstudiantes" icon="ui-icon-search" title="Ver seguimiento telefónico">                          
                                                    
                            </p:commandButton>
                        </p:column>  
                    </p:dataTable> 
                </p:outputPanel>
            </p:dialog>
        </h:form>    
    </ui:define>
</ui:composition>